<template>
  <div class="alert" :style="{left: count + 'px'}">
    {{count}}
    <digui :count="count + 10" v-if="count < 55"></digui>
  </div>
</template>
<script>

  // 递归组件
  // 必须有name
  // 边界条件
  export default {
    props: {
      count: {
        type: Number,
        default: 0
      }
    },
    name: 'digui'
  }
</script>
<style scoped rel="stylesheet/stylus">
  .alert{
    position: relative;
  }
</style>
